.page, .page-group {background: transparent;}
.box-moadal {width: 100%;height: 100%;position: relative;z-index: 0;}
.bg {position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 1;}
.male-animate {position: relative;z-index: 2;width: 15.5rem;height: 14.1rem;margin: 0 auto;}
.male-bg-male {display: none;}
.male-icon {
    position: absolute;right: 0;top:-1rem;

}
.male {
    position: absolute;left: 4.25rem;top:-2rem;
}
.male-icon-male {display: none;}

.button-bg {}
.box-modal-sex {padding-top:4rem;}
.fn-box  {position: relative;z-index: 102;}
.choice-text {text-align: center;}
.button-bg {width: 50%;height: 2.5rem;background-color: #fff;margin-right: auto;margin-left: auto;-webkit-border-radius:2rem;
    -moz-border-radius:2rem;
    border-radius:2rem;
    -webkit-box-shadow: 10px 10px 5px #f5b514;
    -moz-box-shadow: 10px 10px 5px #f5b514;
    box-shadow: 10px 10px 5px #f5b514;
}
.button-bg a {display:block;text-align:center;line-height:2.5rem;color: #000;font-family: "BerlinSansFBDemi-Bold";font-size: 1.125rem;font-weight: bold;}
.step-a {font-family: "BerlinSansFBDemi-Bold";}
.box-modal-age {padding-top: 4rem;}
.age-animate {width: 13.8rem;height: 14.35rem;margin-left: auto;margin-right: auto;position: relative;z-index: 2;}
.age-content {position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.swiper-container {height: 100%;}
.swiper-slide {width: 100%;height:100%;padding-top:3rem;text-align: center;font-family: "BerlinSansFBDemi-Bold";font-size: 2rem;font-weight:bold;line-height: 3rem;}
.swiper-button-next, .swiper-button-prev {width: 1.05rem;height: 1.6rem;}
.swiper-button-prev {background: url("../img/arrow-left.svg") no-repeat scroll 0 0;}
.swiper-button-next {background: url("../img/arrow-right.svg") no-repeat scroll 0 0;}
.box-modal-play {padding-top: 1rem;}
.play-animate {width: 15.6rem;height: 19.15rem;margin-left: auto;margin-right: auto;position: relative;}
.play-content {position: absolute;left: 0;top:0;width: 100%;height: 100%;}

















